.detail {
	height: 100%;
	overflow: auto;
	color: var(--color-text-0);
	background-color: var(--color-bg-2);
	.titleSpan {
		display: inline-block;
		width: 5rem;
		margin-bottom: 1rem;
		text-align: right;
	}
	.breadcrumb {
		display: flex;
		padding: 1rem 1.5rem;
		font-size: var(--text-lg);
		user-select: none;
		.link {
			color: var(--color-text-2);
		}
	}
	.content {
		position: relative;
		height: calc(100% - 81px);
		display: flex;
		flex-direction: column;
		margin: 0 1.5rem 1.5rem 1.5rem;
		background-color: var(--color-bg);
		.cydEnabled {
			position: absolute;
			right: 3.5rem;
			z-index: 10;
		}
		.content1 {
			padding-bottom: 3rem;
			.CollapseBox {
				display: flex;
				width: 100%;

				.collapse {
					position: relative;
					width: 90%;
					max-height: 472px;
					overflow: auto;
					background: #fbfcfd;
				}
			}
			.showBox {
				position: relative;
				width: 98%;
				height: 394px;
				padding: 0.25rem 0.5rem;
				overflow: auto;
				border: 1px solid var(--color-border-2);
				.empty {
					position: absolute;
					top: 50%;
					left: 50%;
					display: flex;
					flex-flow: column;
					align-items: center;
					justify-content: center;
					width: 148px;
					height: 140px;
					margin-top: -80px;
					margin-left: -74px;
				}
			}
		}
	}
}
.typeSp {
	display: inline-block;
	margin-right: 0.5rem;
}
.codeRow {
	margin-top: 1rem;
	white-space: break-spaces;
}
.seeCode {
	position: absolute;
	right: 1rem;
	z-index: 10;
	margin-top: 0.75rem;
}
.tableBox {
	width: 98%;
	height: 17.25rem;
	overflow: auto;
	border: 1px solid var(--color-border-2);
}
.table {
	width: 100%;
	word-wrap: break-word;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 0;
	.head {
		text-align: center;
		background-color: var(--color-bg-2);
		& > td {
			position: sticky;
			top: 0;
			z-index: 99;
			height: 2.25rem;
			padding-left: 1.25rem;
			color: #686c78;
			font-weight: normal;
			white-space: nowrap;
			text-align: left;
			word-wrap: break-word;
			background: var(--color-bg-2);
			border-bottom: 1px solid var(--color-border-2);
		}
	}
	.td1 {
		width: 2rem;
	}
	.td2 {
		width: 8rem;
		border-left: 1px solid var(--color-border-2);
	}
	tbody {
		position: relative;
		.row {
			& > td {
				height: 3rem;
				padding-bottom: 0;
				padding-left: 1.25rem;
				color: #2a2b31;
				white-space: nowrap;
				text-align: left;
				word-wrap: break-word;
				border-bottom: 1px solid var(--color-border-2);
			}
		}
	}
}
.p0_5 {
	padding: 0 10px;
}
.vd {
	margin-left: 230px;
	flex: 1;
	height: calc(100% - 20px);
  overflow: auto;
}
.anchoritem{
	position: absolute;
	left: 0;
	z-index: 99;
	width: 230px;
	background-color: rgba(255,255,255,0.4);
	margin-left: 0;
	padding-left: 0;
	:global{
		.ant-anchor-link-title {
			width: 100%;
			height: 40px;
			line-height: 1.3;
			padding: 10px 20px;
			&:hover {
				background: #E7F7FF;
				border-right: 2px solid #0B6FD6;
			}
			&.ant-anchor-link-title-active {
				background: #E7F7FF;
				border-right: 2px solid #0B6FD6;
			}
		}
		.ant-anchor-ink-ball {
			display: none;
		}
		.ant-anchor {
			padding: 0;
		}
		.ant-anchor-link {
			padding: 0;
		}
		.ant-anchor{
			margin-right: 5px;
		}
		.ant-anchor-ink{
			left: auto;
			right: 0;
		}
	}
}
.vd-box {
	height: calc(100% - 190px);
}
